<template>
  <div class="start">
      <div><el-button type="primary" class="el-button" @click="playGame">开始游戏</el-button></div>
      <div><el-button type="info">选择难度</el-button></div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      num: 1
    }
  },
  methods: {
    handleChange (value) {
      console.log(value)
    },
    playGame () {
      console.log('click')
      this.$router.replace('/down')
      //   const backlen = window.history.length - 2
      //   window.history.go(-backlen)
      //   this.$router.replace('/', () => {
      //     // window.location.reload()
      //   })
      this.$emit('show-pase')
    }
  }
}
</script>

<style>
    .start {
        display: inline-block;
        margin: auto;
        margin-left: 50%;
        transform: translate(-50%);
        margin-bottom: 150px;
        /* border: 1px solid red; */
    }
    .el-button {
            width: 300px;
            height: 50px;
        }
</style>
